<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Menu manager</title>
<script type="text/javascript" src="../../js/component/order.js"></script>
<script type="text/javascript" src="../../js/order.js"></script>
</head>
<body>

	<jsp:include page="../../common/bar.jsp"></jsp:include>


	<div class="container-fluid">
		<div class="row"></div>
		<div class="col-sm-1 col-md-1 sidebar">
			<ul class="nav nav-sidebar">
				<li><a data-toggle="tab">Home<span class="sr-only">(current)</span></a></li>

				<li class="active" id="o_manager"><a href="#ordermanager"
					data-toggle="tab">Order Manager<span class="sr-only">(current)</span>
				</a></li>
				<li id="a_manager"><a href="#auto" data-toggle="tab">Auto
						Receive<span class="sr-only">(current)</span>
				</a></li>
			</ul>
		</div>

		<div class="tab-content">

			<div
				class="col-sm-10 col-sm-offset-1 col-md-11 col-md-offset-1 main tab-pane active"
				id="ordermanager">
				<h2 class="sub-header">Order List</h2>
				<button type="button" class="btn btn-primary" id="u_order">Untreated
					order</button>
				<button type="button" class="btn btn-primary" id="r_order">Receive
					order</button>
					
				<button type="button" class="btn btn-primary" id="d_order">Delivery
					order</button>
					

				<button type="button" class="btn btn-primary" id="f_order">Finish
					order</button>

				<br>

				<div class="panel-group" style="padding-top: 20px" id="orders"></div>

				<!--  <div class="col-md-10 col-md-offset-1"></div>-->


			</div>

			<div
				class="col-sm-10 col-sm-offset-1 col-md-11 col-md-offset-1 main tab-pane"
				id="auto">
				<h2 class="sub-header">Auto Setting</h2>
			</div>


		</div>

	</div>


	<jsp:include page="../../common/img.jsp"></jsp:include>


	<div class="table-responsive" id="orderTemplate"
		style="display: none; padding-top: 20px">

		<div class="panel panel-primary">
			<div class="panel-heading" data-toggle="collapse"
				data-parent="#accordion" href="#collapseOne">
				<h4 class="panel-title" style="height: 96px">

					<img class="img-circle"
						src="http://10.222.29.189:9000/food/23877ae3-3693-4df4-b4f3-ef52fa23c1b0.jpg"
						width="70px" height="70px" style="float: left; text-align: center" />&nbsp;&nbsp;&nbsp;
					<span class="cname" style="font-size: 24px; padding-left: 24px">name</span>&nbsp;&nbsp;&nbsp;<br>
					<span class="pull-right currenttime"></span>
					<hr style="width: 22%; border: 1px solide #ccc; margin-left: 95px;"
						class="col-sm-offset-1"></hr>
					<span class="id" style="padding-left: 25px;">id</span> <span
						class="col-sm-offset-2 total" style="margin-left: 20px;">total
					</span>

					<div class="pull-right btn-group">
						<button type="button" class="btn btn-success" id="receive_btn"
							style="display: none; margin-right: 25px;">Receive</button>

						<button type="button" class="btn btn-danger" id="refuse_btn"
							style="display: none; width =24px; margin-top: 1px;">Refuse</button>
						<button type="button" class="btn btn-warning" id="delivery_btn"
							style="display: none;">Delivery</button>
					</div>
				</h4>
			</div>
			<div id="collapseOne"
				class="panel-collapse collapse in panel-default">
				<div class="panel-body"></div>
			</div>
		</div>

	</div>


	<input type="hidden" class="mid" id="mid" value="${m.id}">

</body>


</html>